<template>
  <div class="search-container">
    <!-- 搜索栏 -->
    <form action="/">
    <!-- 手机端的话需要在van-search外面包裹一层form标签且active不能为空 即可在ios中或者android 输入法中显示搜索按钮 -->
      <van-search
      v-model="value"
      show-action
      placeholder="请输入搜索关键词"
      background="blue"
      @search="onSearch"
      @cancel="$router.back()"
      />
    </form>
    <!-- 联想建议 -->
    <!-- 历史记录 -->
    <!-- 搜索结果 -->
  </div>
</template>

<script>
import { Toast } from 'vant'
export default {
  name: 'SearchIndex',
  data () {
    return {
      value: ''
    }
  },
  methods: {
    onSearch (val) {
      Toast(val)
    }
  }
}
</script>

<style lang="less">

</style>
